<!--
    * @Author: whq
    * @Date: 2022-12-28 11:28:13
 * @LastEditTime: 2023-08-23 16:34:10
 * @LastEditors: whq
    * @Description: 
 * @FilePath: \newEraUniform\src\view\PersonalInformation\index.vue
   -->
<template>
   <div id="PersonalInformation" ref="PersonalInformationRef">

      <div class="h1class"><h1>123123</h1></div>
   </div>
</template>
<script setup lang="ts">
import { ref, onMounted, reactive, watch } from 'vue'

const PersonalInformationRef = ref<any>(null)

// onMounted(() => {

//    if (PersonalInformationRef?.value) {
//       PersonalInformationRef?.value.querySelector('.h1class')?.addEventListener('click',(e)=>{
//          console.log(e,"=====eeeeeeeeeeeeeee");
         
//       })
//       console.log(PersonalInformationRef?.value.querySelector('.h1class'),"==newVal?.value.querySelector('.h1class')==");
      
//    }

// })




// watch(() => PersonalInformationRef, (oldVal, newVal:any) => {
//    console.log(oldVal, newVal, "===oldVal,newVal===s");
//    if (newVal?.value) {
//       newVal?.value.querySelector('.h1class')?.addEventListener('click',(e)=>{
//          console.log(e,"=====eeeeeeeeeeeeeee");
         
//       })
//       console.log(newVal?.value.querySelector('.h1class'),"==newVal?.value.querySelector('.h1class')==");
      
//    }


// }, { deep: true, immediate: true })


</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>